<template>
  <div data-testid="hero-heading" class="_xu2jcg _1v4dms8">
    <div class="_13srurz">
      <img
        class="_zdxht7"
        src="https://cdn.kastatic.org/images/lohp/hero_student_collage_US_2x.png"
        srcset="
          https://cdn.kastatic.org/images/lohp/hero_student_collage_US_2x.png 2x,
          https://cdn.kastatic.org/images/lohp/hero_student_collage_US_1x.png 1x
        "
        alt=""
        data-testid="hero-image"
      />
    </div>
    <div class="_zjuubo">
      <h1 class="_1b9bpa3">
        For every student,<br />every classroom.<br /><svg
          class="_183sveq"
          preserveAspectRatio="xMidYMid meet"
          aria-hidden="true"
          aria-labelledby="_khannotations_LineDrawing_0.48585260976983213_title _khannotations_LineDrawing_0.48585260976983213_desc"
        >
          <g>
            <path
              class="_t1oee9"
              d="M501 225 C540.5975283300871 225, 580.1950566601743 225, 690 225 "
              style="
                stroke: rgb(191, 230, 221);
                stroke-width: 2;
                fill: none;
                stroke-dasharray: 189;
                stroke-dashoffset: 189;
                animation-delay: 1200ms;
                animation-duration: 94.5ms;
              "
            ></path>
            <path
              class="_t1oee9"
              d="M501 225 C567.7198569563049 225, 634.4397139126097 225, 690 225"
              style="
                stroke: rgb(191, 230, 221);
                stroke-width: 2;
                fill: none;
                stroke-dasharray: 189;
                stroke-dashoffset: -189;
                animation-delay: 1294.5ms;
                animation-duration: 94.5ms;
              "
            ></path>
          </g></svg
        ><span style="position: relative">Real</span>
        <span style="position: relative">results.</span>
      </h1>
      <p class="_akj1ep">
        <span class="_1gf4zc3"
          >We’re a nonprofit with the mission to provide a free, world-class
          education for anyone, anywhere.</span
        >
      </p>
      <div class="_1q3929r">
        <a role="button" class="_1rhl3qm4" href="/signup"
          ><span class="_1gw4cnik">Learners</span></a
        ><a role="button" class="_1rhl3qm4" href="/signup?isteacher=1"
          ><span class="_1gw4cnik">Teachers</span></a
        ><a role="button" class="_1rhl3qm4" href="/signup?isparent=1"
          ><span class="_1gw4cnik">Parents</span></a
        >
      </div>
      <p class="_qy3q5cg">Learners, teachers, and parents:</p>
      <button
        type="button"
        role="button"
        aria-disabled="false"
        class="_1rb1h9d3"
      >
        <span class="_1gw4cnik">Start here</span>
      </button>
    </div>
  </div>
</template>
